<%-- 
    Document   : popupBienesAsociados
    Created on : 08/02/2012, 03:17:56 PM
    Author     : czela
--%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="/Fonafe-Bienes/js/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="/Fonafe-Bienes/css/custom-theme/jquery-ui-1.8.17.custom.css"/>
        <script src="/Fonafe-Bienes/js/jquery.colorbox.js" type="text/javascript"></script>
        <script type="text/javascript" src="/Fonafe-Bienes/js/jsindex.js"></script>
        <link href="/Fonafe-Bienes/css/default.css" type="text/css" rel="stylesheet" />
        <link href="/Fonafe-Bienes/css/colorbox.css" type="text/css" rel="stylesheet" />

        <script type="text/javascript" src="/Fonafe-Bienes/js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="/Fonafe-Bienes/js/jquery-ui-1.8.17.custom.min.js"></script>

        <link rel="stylesheet" href="/Fonafe-Bienes/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
        <script src="/Fonafe-Bienes/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
		
		 <!--[if IE]>

		<script type="text/javascript" src="/Fonafe-Bienes/js/jforie.js"></script>

		<link href="/Fonafe-Bienes/css/forie.css" type="text/css" rel="stylesheet" />

	<![endif]-->

    </head>
    <body>
        <script type="text/javascript">
            $(document).ready(function(){
                $("a[rel^='prettyPhoto']").prettyPhoto();
            });

            function enviar(){
                if(confirm('¿Los bienes seleccionados No se finalizaran con la subasta?')){
                 document.form_add.action = '<s:url action="finalizarSubasta"></s:url>';
                 document.form_add.submit();
                }
            }

           function detalle(id,nombre,descripcion,tipoMoneda,precio,ubigeo,direccion,fechaVenci){
                var tipCoin="";
                if(tipoMoneda == 'sol'){
                    tipCoin = 'S/.';
                }else if(tipoMoneda == 'dolar'){
                    tipCoin = 'US$';
                }else if(tipoMoneda == 'euro'){
                    tipCoin = 'EUR';
                }
                $('#TxtNombre').html(nombre);
                $('#TxtUbigeo').html(ubigeo);
                $('#TxtDirecccion').html(direccion);
                $('#TxtPrecio').html(tipCoin + ' ' + precio);
                $('#TxtVencimiento').html(fechaVenci);
                $('#TxtDescripcion').html(descripcion);
                $('#verFoto').attr("href", "/Fonafe-Bienes/struts/userGlc/verFotoPrincipalBienAsociado.action?idBien=" + id);

                $('#detalleBien').css({visibility: "visible"});
                $('#detalleBien').dialog("destroy");
                $('#detalleBien').dialog({
                    title: nombre,
                    height: 350,
                    width: 400 ,
                    draggable: true,
                    modal:true,
                    position: 'center',
                    show: 'blind',
                    hide: 'slide',
                    resizable: false,
                    open: function(event, ui) {
                        //se cambia los estilos por un problema tecnico con internet explorer
                        $("div.ui-dialog").css({ height:350});
                        $("#detalleBien").css({ height:350});
                    }
                });

           }
        </script>
        <form name="form_add" id="form_add" method="post" action="">
            <br />
            <div>
                <p align="center" style="font-size: 14px;color: black">Subasta: <b><%= request.getParameter("nom") %></b> &nbsp;&nbsp;Clase de Bien: <b><%= request.getParameter("clase")%></b></p>
            </div>
            <br/>
            <div class="contenido_grilla">
                <a href="javascript:void(0)" onclick="enviar();" class="botones_funciones position_r_centro">Finalizar Subasta</a>

                <table cellpadding="0" cellspacing="0" class="tabla_bandeja">
                    <thead>
                        <tr>
                            <th><span class="bg1"></span>Bien</th>
                            <th>Descripcion</th>
                            <th>Precio</th>
                            <th>&nbsp;</th>
                            <th><span class="bg2"></span>Desagregar</th>
                        </tr>
                    </thead>
                    <tbody id="bodys_center">
                    <input type="hidden" name="idSubasta" value="<s:property value="idSubasta"/>"/>
                    <input type="hidden" name="idClase" value="<s:property value="idClase"/>"/>
                        <s:iterator value="listBienesBySubasta" var="beanBien">
                        <tr>
                            <td>
                                <s:property value="nombre" escapeCsv="false"/>
                            </td>
                            <td>
                                <s:property value="ubigeo" escapeCsv="false"/>
                                <br />
                                <s:property value="direccion" escapeCsv="false"/>
                            </td>
                            <td>
                                <s:if test="%{tipoMoneda == 'sol'}">
                                    <s:set name="tipCoin">S/.</s:set>
                                </s:if>
                                <s:elseif test="%{tipoMoneda == 'dolar'}">
                                    <s:set name="tipCoin">US$</s:set>
                                </s:elseif>
                                <s:elseif test="%{tipoMoneda == 'euro'}">
                                   <s:set name="tipCoin">EUR</s:set>
                                </s:elseif>
                                <s:property value="tipCoin"/><s:property value="precio"/>
                            </td>
                            <td>
                                <a href="javascript:void(0)" onclick="javascript: detalle(
                                             '<s:property value="id"/>',
                                             '<s:property value="nombre" escapeCsv="false"/>',
                                             '<s:property value="descripcion" escapeCsv="false"/>',
                                             '<s:property value="tipoMoneda"/>',
                                             '<s:property value="precio"/>',
                                             '<s:property value="ubigeo"/>',
                                             '<s:property value="direccion" escapeCsv="false"/>',
                                             '<s:property value="fechaVencimiento"/>')">[ver mas]</a>
                            </td>
                            <td>
                                <input type="checkbox" name="bienesSelected" value="<s:property value="id"/>"/>
                            </td>
                        </tr>
                       </s:iterator>
                    </tbody>
                </table>
                <br/>
                <br/>
                <br/>
            </div>
        </form>
    </body>
    <div id="detalleBien" style="display: none">
        <table width="100%" border="0" cellpadding="2" cellspacing="2" align="center">
            <tr>
                <td align="center">
                    <table width="370" align ="center">
                        <tr>
                            <td width="150" align="left"><b>Nombre</b></td>
                            <td style="text-align: left;width: 250px">:&nbsp;<label id="TxtNombre"></label></td>
                        </tr>
                        <tr>
                            <td width="150" align="left"><b>Ubigeo</b></td>
                            <td style="text-align: left;">:&nbsp;<label id="TxtUbigeo"></label></td>
                        </tr>
                        <tr>
                            <td width="150" align="left"><b>Direcci&oacute;n</b></td>
                            <td style="text-align: left;">:&nbsp;<label id="TxtDirecccion"></label></td>
                        </tr>
                        <tr>
                            <td width="150" align="left"><b>Precio</b></td>
                            <td style="text-align: left;">:&nbsp;<label id="TxtPrecio"></label></td>
                        </tr>
                        <tr>
                            <td width="150" align="left"><b>Foto</b></td>
                            <td style="text-align: left;">:&nbsp;<a id="verFoto" rel="prettyPhoto">[ver foto]</a></td>
                        </tr>
                        <tr>
                            <td width="150" align="left"><b>Fech.Vencimiento</b></td>
                            <td style="text-align: left;">:&nbsp;<label id="TxtVencimiento"></label></td>
                        </tr>
                        <tr>
                            <td width="150" align="left" valign="top"><b>Descripci&oacute;n</b></td>
                            <td style="text-align: left;">:&nbsp;<textarea class="Input" readonly id="TxtDescripcion" style="width: 250px; background-color: transparent; border-color: transparent; resize: none;"></textarea></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>

    </div>
</html>
